<!doctype html>
<html lang="zh">

<head>
    <meta charset="utf-8" />
    <title>墨子鲁班创新发展干部教育基地</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="dist/plyr.css">
    <link rel="stylesheet" href="dist/demo.css?v=2">
    
    <script src="dist/plyr.js"></script>
</head>

<body>
    <div class="grid">
        <header>
            <h2>墨子鲁班创新发展干部教育基地宣传视频</h2>
            <video poster="https://storage.biogeeker.com/videocover.png" controls>
                <source src="https://storage.biogeeker.com/moziluban.mp4" type="video/mp4">
                <!-- <track src="vtt/track.vtt" srclang="zh-cn" label="中英合并" kind="subtitles" default> -->
            </video>
            <div class="call-to-action" style="margin-top:20px;">
                <span class="button--with-count">
                    <a href="https://storage.biogeeker.com/moziluban.mp4"   >
                        <svg class="icon" role="presentation">
                       
                        <path d="M15.8,4.8c-0.2-1.3-0.8-2.2-2.2-2.4C11.4,2,8,2,8,2S4.6,2,2.4,2.4C1,2.6,0.3,3.5,0.2,4.8C0,6.1,0,8,0,8
                   s0,1.9,0.2,3.2c0.2,1.3,0.8,2.2,2.2,2.4C4.6,14,8,14,8,14s3.4,0,5.6-0.4c1.4-0.3,2-1.1,2.2-2.4C16,9.9,16,8,16,8S16,6.1,15.8,4.8z
                    M6,11V5l5,3L6,11z"></path>
                    </svg>
                        下载视频
                    </a>
                </span>
            </div>
            <p></p>
            <p style="margin-top:70px; font-size: 1.5em;">
                中共滕州市委组织部</br>
                中共滕州市委党校
            </p>
        </header>    
    </div>
    <script>plyr.setup();</script>
</body>
</html>